<template>
  <div>
    <div id="slider" class="mui-slider">
    <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
      <div class="mui-scroll">
        <a class="mui-control-item mui-active" @click="getType(1)">
          推荐
        </a>
        <a class="mui-control-item" @click="getType(2)">
          文字
        </a>
        <a class="mui-control-item" @click="getType(3)">
          图片
        </a>
        <a class="mui-control-item" @click="getType(4)">
          视频
        </a>
        <a class="mui-control-item">
          动态
        </a>
        <a class="mui-control-item">
          其他
        </a>
      </div>
    </div>
    </div>
  </div>
</template>

<script>
  import mui from 'lib/mui/js/mui.js'
  /*import  mui from '../../../assets/lib/mui/js/mui.js'*/
    export default {
     name: "HomeLinktab",
      data (){
       return{
         type:1,
       }
      },
      methods:{
       getType(type){
         this.type = type;
         this.$emit("getType",this.type)
       }
      },
      mounted(){
        mui('.mui-scroll-wrapper').scroll({
          deceleration: 0.0005
        });
      }
    }
</script>

<style scoped>

</style>
